/* mac */
.mac {
  background-color: #fff;
  height: 700px;
  padding-top: 10em;
  /* 左边图 */
  /* 右边文字 */
}
.mac .left img {
  width: 50em;
}
.mac .right .info .small {
  color: #666;
  font-size: 1.5em;
}
.mac .right .info .big {
  font-size: 2.5em;
  margin-bottom: 0.5em;
}
.mac .right .info .big span:nth-of-type(1) {
  display: inline-block;
  border-bottom: 4px solid #fcac45;
  padding-bottom: 0.1em;
}
.mac .right .info .big span:nth-of-type(2) {
  font-weight: 700;
}
.mac .right .content {
  font-size: 1.45em;
  margin-bottom: 1.5em;
  color: #666;
}
.mac .right .newlist {
  padding-left: 0px;
  margin-bottom: 2.1em;
}
.mac .right .newlist li {
  font-family: "OSItalic";
  list-style: none;
  background: url(../images/icon1.png) no-repeat;
  background-position: 2px 2px;
  list-style-position: inside;
  margin-bottom: 0.3em;
  font-size: 1em;
  padding-left: 1.7em;
}
.mac .right .newlist li span {
  font-family: "OSBold";
}
.mac .right .newbtn {
  width: 200px;
  height: 44px;
  border: 1px solid #555;
  background: url(../images/Forma\ 1.png) no-repeat;
  background-position: 20px center;
  font-size: 0.5em;
  padding-left: 18px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .mac .left img {
    width: 45em;
  }
}
@media screen and (max-width: 992px) {
  .mac .left {
    display: none;
  }
}
@media screen and (max-width: 350px) {
  .mac {
    height: 600px;
    padding-top: 6em;
  }
  .mac .right .info .small {
    font-size: 1em;
  }
  .mac .right .info .big {
    font-size: 2em;
  }
  .mac .right .content {
    font-size: 0.95em;
  }
  .mac .right .newlist li {
    font-size: 0.5em;
    background-size: 10px;
    padding-left: 2em;
  }
}
